<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>练习style</title>
    <style>
      #info {
        width: 300px;
        height: 400px;
        overflow: auto;
        background-color: #bfa;
      }
    </style>
  </head>
  <body>
    <h3>欢迎亲爱的用户注册</h3>
    <p id="info">
      北京时间10月28日上午，勇士在主场以123-110击败热火，避免遭遇连败。库里延续着开赛以来的出色发挥，
      他在第四节热火追分时用连续进球终结对手。巴特勒和阿德巴约都有出色发挥，无奈无法拯救热火。
      库里33分、7篮板、9助攻，汤普森19分，维金斯18分、10篮板，普尔11分、7助攻。热火这边，阿德巴约26分，
      巴特勒27分、6篮板、8助攻、6抢断，希罗12投3中只得到7分。 全场之星：库里
      库里今天拿出了超级球星的表现，他在三分线外如有神助，各种高难度进球。他还跟德雷蒙德-格林、怀斯曼打出了很多挡拆配合， 助攻队友得分。
      末节比赛，普尔命中三分，但阿德巴约和文森特帮热火咬住比分，杰罗姆命中三分后，勇士100-92领先8分。
      但热火没放弃，文森特中投命中，斯特鲁斯命中三分。关键时刻，普尔失误后抱怨吹罚领到技术犯规，巴特勒命中罚球热火继续缩小分差。
      勇士老将们挺身而出，卢尼暴扣，库里命中单打三分，勇士108-100领先8分。之后，当热火再次反扑，又是库里利用突破和三分终结对手。
      最终，勇士顺利顶住反扑，主场取胜。
    </p>
    <input type="checkbox" disabled /> 我已仔细阅读协议，一定遵守
    <input type="submit" disabled value="注册" />

    <script>
      /*
        当垂直滚动条滚动到底时，表单项可用
        监听#info的onscroll事件
        */
      var info = document.getElementById("info");
      var inputs = document.getElementsByTagName("input");

      info.onscroll = function () {
        if (this.scrollHeight - this.scrollTop === this.clientHeight) {
          inputs[0].disabled = false;
          inputs[1].disabled = false;
        }
      };
    </script>
  </body>
</html>
